<!DOCTYPE html>
<html lang="en">

<head>
    <#include "/pages/admin_include/head.html"/>
</head>

<body data-type="widgets">
<script src="pages/admin/assets/js/theme.js"></script>
<div class="am-g tpl-g">
    <!-- 头部 -->
    <#include "/pages/admin_include/header.html"/>
    <!-- 风格切换 -->
    <#include "/pages/admin_include/theme.html"/>
    <!-- 侧边导航栏 -->
    <#include "/pages/admin_include/menu.html"/>

    <!-- 内容区域 -->
    <div class="tpl-content-wrapper">
        <div class="row-content am-cf">

            <div class="row">

                <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                    <div class="widget am-cf">
                        <div class="widget-head am-cf">
                            <div class="widget-title am-fl">新增栏目</div>
                            <div class="widget-function am-fr">
                                <a href="javascript:;" class="am-icon-cog"></a>
                            </div>
                        </div>
                        <div class="widget-body am-fr">
                            <form class="am-form tpl-form-border-form tpl-form-border-br" method="post" action="admin/column/save">
                                <div class="am-form-group">
                                    <label for="name" class="am-u-sm-3 am-form-label">栏目名称
                                        <span class="tpl-form-line-small-title">Column Name</span>
                                    </label>
                                    <div class="am-u-sm-9">
                                        <input type="hidden" name="id" value="${(column.id)!}">
                                        <input type="hidden" name="imgPath" value="${(column.imgPath)!}">
                                        <input type="text" class="tpl-form-input" id="name" name="name" value="${(column.name)!}" placeholder="栏目名称" required>
                                        <small>请填写栏目名称，不能为空。</small>
                                    </div>
                                </div>
                                <div class="am-form-group">
                                    <label for="columnType" class="am-u-sm-3 am-form-label">栏目类型 <span class="tpl-form-line-small-title">Column Type</span></label>
                                    <div class="am-u-sm-9">
                                        <select id="columnType" name="columnType" data-am-selected="{searchBox: 1}" style="display: none;">
                                            <option value="0">默认</option>
                                            <option value="1">首页展示</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <label class="am-u-sm-3 am-form-label">序号
                                        <span class="tpl-form-line-small-title">No.</span></label>
                                    <div class="am-u-sm-9">
                                        <input type="text" name="orderNo" placeholder="请填写序号" value="${(column.orderNo)!}">
                                    </div>
                                </div>
                                <div class="am-form-group">
                                    <label for="column-intro" class="am-u-sm-3 am-form-label">摘要
                                        <span class="tpl-form-line-small-title">Summary</span></label>
                                    <div class="am-u-sm-9">
                                        <textarea class="" rows="10" id="column-intro" name="summary" placeholder="请输入摘要内容">${(column.summary)!}</textarea>
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <div class="am-u-sm-9 am-u-sm-push-3">
                                        <button type="submit" class="am-btn am-btn-primary tpl-btn-bg-color-success ">
                                            提交
                                        </button>
                                        <a type="button" class="am-btn am-btn-primary tpl-btn-bg-color-success " href="admin/column?pageNumber=${pageNumber!}&pageSize=${pageSize!}">
                                            返回
                                        </a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<!-- footer_js -->
<#include "/pages/admin_include/footer_js.html"/>

</body>

</html>